<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex benben-position-layout flex flex-wrap align-center wantreturn_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex flex-wrap align-center justify-between flex-sub wantreturn_fd0_0'>
          <view class='flex flex-wrap align-center wantreturn_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
            data-url="1">
            <text class='fu-iconfont2  wantreturn_fd0_0_c0_c0'>&#xE794;</text>
          </view>
          <view class='flex flex-wrap align-stretch justify-center'>
            <text class='wantreturn_fd0_0_c1_c0'>我要归还</text>
          </view>
          <view class='flex flex-wrap align-center justify-end wantreturn_fd0_0_c0'>
          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
      <!---多商订单商品flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout wantreturn_flex_1">
        <view class='flex flex-direction flex-wrap align-stretch wantreturn_fd1_0' @tap.stop="handleJumpDiy"
          data-type="navigateTo"
          :data-url="`/pages/ddgl/zulindetail/zulindetail?order_id=${order_sn}&order_sn=${order_sn}`">
          <view class='flex align-stretch wantreturn_fd1_0_c0'>
            <image class='wantreturn_fd1_0_c0_c0' mode="aspectFill" :src='info.coverPic'></image>
            <view class='flex flex-direction flex-wrap align-stretch flex-sub wantreturn_fd1_0_c0_c1'>
              <text class='wantreturn_fd1_0_c0_c1_c0'>{{info.comdName}}</text>
              <text class='wantreturn_fd1_0_c0_c1_c1'>{{info.comPropItemNames}}</text>
              <view class='flex flex-wrap align-center'>
                <text>剩余时长：</text>
                <benben-countdown class='offerPay_fd1_1_c1' :show-day='true' :count-time="info.leaCloseSecond">
                  <template #default="{ d, h, i, s }">
                    <text class="offerPay_fd1_1_c0" style="color: #327FFB;">{{d}}</text>

                    <text class="offerPay_fd1_1_c0">天</text>

                    <text class='offerPay_fd1_1_c0' style="color: #327FFB;">{{h}}</text>

                    <text class='offerPay_fd1_1_c0'>:</text>

                    <text class='offerPay_fd1_1_c0' style="color: #327FFB;">{{i}}</text>

                    <text class='offerPay_fd1_1_c0'>:</text>

                    <text class='offerPay_fd1_1_c0' style="color: #327FFB;">{{s}}</text>

                    <text class='offerPay_fd1_1_c0'></text>
                  </template>
                </benben-countdown>
              </view>
            </view>
          </view>

        </view>

      </view>


      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout wantreturn_flex_6">
        <view class='flex flex-wrap align-center justify-between wantreturn_fd6_0'>
          <text class='wantreturn_fd6_0_c0'>请完善归还信息</text>
        </view>
        <view class='flex flex-wrap align-center justify-between wantreturn_fd6_1'>
          <text class='wantreturn_fd6_1_c0'>设备编号</text>
          <benben-input class='wantreturn_fd6_1_c1' type="text" v-model="info.comdFacCore" confirm-type="done"
            :disabled="true" mxlength="-1" placeholder-style="color:rgba(211, 212, 220, 1);font-size:28rpx" />
        </view>
        <view class='flex flex-wrap align-center justify-between wantreturn_fd6_1'>
          <text class='wantreturn_fd6_1_c0'>归还说明</text>
        </view>
        <view class='flex flex-wrap faultdispatch_fd1_0_c3'>
          <textarea class='flex faultdispatch_input_fd1_0_c3' :placeholder="'请输入'" :adjust-position='true'
            :maxlength="240" :show-num='true' placeholder-style="color:#999;font-size:28rpx" v-model="retDesc" />
          <template>
            <view class='flex flex justify-end faultdispatch_numberfd1_0_c3_c0'>
              <text class='faultdispatch_numberfd1_0_c3_c0_c0'>{{retDesc.length}}</text>
              <text class='faultdispatch_numberfd1_0_c3_c0_c0'>/</text>
              <text class='faultdispatch_numberfd1_0_c3_c0_c0'>240</text>
            </view>
          </template>
        </view>
        <view class='flex flex-wrap align-center wantreturn_fd6_0'>
          <text class='wantreturn_fd6_0_c0'>设备外观照片</text>
          <text class='wantreturn_fd6_2_c1'>最多9张</text>
        </view>
        <benben-images-upload ref="benbenImagesUploadfd6_3" :img-list.sync="imgpath" :img-ids.sync="imgid"
          :maxlength="9">
          <template #content="{ num, maxlength, isShow, imgList }">
            <view class="flex flex-wrap align-start flex wantreturn_fd6_3">

              <view v-for="(image, index) in imgList" :key="index" class='flex position-relative wantreturn_fd6_30'>
                <text class='fu-iconfont2 position-absolute wantreturn_fd6_300'
                  @tap.stop="$refs.benbenImagesUploadfd6_3.delImage(index)">&#xE8E7;</text>
                <image class='wantreturn_fd6_301' @tap.stop="$refs.benbenImagesUploadfd6_3.previewImage(index)"
                  mode="aspectFit" :src='image'></image>
              </view>

              <image class='wantreturn_fd6_31' @tap.stop="$refs.benbenImagesUploadfd6_3.manyChooseImage()" v-if="isShow"
                mode="aspectFit" :src='STATIC_URL+"297.jpg"'></image>

            </view>
          </template>
        </benben-images-upload>
        <view class='flex flex-wrap align-center wantreturn_fd6_0'>
          <text class='wantreturn_fd6_0_c0'>设备编码照片</text>
          <text class='wantreturn_fd6_2_c1'>最多1张</text>
        </view>
        <view class="upload position-relative padding-bottom-lg wantreturn_fd6_301-box">
          <text v-if="facCoreImage != ''" @tap="facCoreImage = ''"
            class='fu-iconfont2 position-absolute wantreturn_fd6_300'>&#xE8E7;</text>
          <image class=" wantreturn_fd6_301" mode="aspectFit"
            @tap="soloChooseImage('facCoreImage','facCoreImage',false,false)"
            :src="facCoreImage ? facCoreImage : STATIC_URL+'297.jpg'"></image>
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-direction align-stretch benben-flex-layout wantreturn_flex_7">
        <view class='flex flex-wrap align-center justify-between wantreturn_fd7_0'>
          <text class='wantreturn_fd7_0_c0'>请完善归还信息</text>
        </view>
        <view class='flex flex-wrap align-center justify-between wantreturn_fd7_1'>
          <text class='wantreturn_fd7_1_c0'>联系人</text>
          <benben-input class='wantreturn_fd7_1_c1' type="text" :placeholder="`输入联系人`" confirm-type="done"
            v-model="info.consignee" :maxlength="10" placeholder-style="color:rgba(211, 212, 220, 1);font-size:28rpx" />
        </view>
        <view class='flex flex-wrap align-center justify-between wantreturn_fd7_1'>
          <text class='wantreturn_fd7_1_c0'>联系电话</text>
          <benben-input class='wantreturn_fd7_1_c1' type="number" :placeholder="`输入联系电话`" confirm-type="done"
            v-model="info.phone" :maxlength="12" placeholder-style="color:rgba(211, 212, 220, 1);font-size:28rpx" />
        </view>
        <view class='flex flex-wrap align-center justify-between wantreturn_fd7_1'>
          <text class='wantreturn_fd7_1_c0'>退款方式</text>
          <text class='wantreturn_fd7_1_c1'>{{info.payType==1 ? '小程序支付' :
          info.payType==2 ? '微信支付' :
          info.payType==3 ? '支付宝' : ''
          }}</text>
          <!--         <benben-input class='wantreturn_fd7_1_c1' type="text" :placeholder="`输入退款方式`" confirm-type="done"
            :disabled="true" mxlength="-1" placeholder-style="color:rgba(211, 212, 220, 1);font-size:28rpx" /> -->
        </view>
      </view>

      <!---flex布局flex布局结束-->
      <!---flex布局flex布局开始-->
      <view class="flex flex-wrap align-center justify-center benben-flex-layout wantreturn_flex_8" @click="submit">
        <button class='wantreturn_fd8_0'>提交</button>
      </view>

      <!---flex布局flex布局结束-->


    </view>
  </view>
</template>
<script>
  import UploadImage from '@/common/utils/upload-image.js'
  import pagingList from '@/common/mixin/paging_list.js';
  import {
    validate
  } from '@/common/utils/validate.js'

  export default {
    components: {},
    mixins: [pagingList],

    data() {
      return {
        "popupShow1709697068262": false,
        "popupShow1709696967472": false,
        "popupShow1709696703900": false,
        "popupShow1709697071801": false,
        "minixPagingListsApi": "",
        "pageingListApiMethod": "",
        "allowOnloadGetList": false,
        "dataList": [],
        "dataAfterList": [],
        "refundId": "",
        "invoice_order_id": "",
        "invoice_id": "",
        "invoiceData": [],
        "dltOrderId": "",
        "return_id": "",
        "cancelId": "",
        "cancelType": [],
        "imgpath": [],
        "imgid": "",
        "img": "",
        "order_sn": "",
        "type": "all",
        info: '',
        retDesc: '', //归还说明
        retImages: '', //图片 设备外观最多9
        facCoreImage: '', //设备编码图片
        consignee: '',
        phone: ''
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      let {
        order_sn,
        type
      } = options
      if (order_sn !== undefined) this.order_sn = order_sn
      if (type !== undefined) this.type = type
      this.getDetail()
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {

    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      submit() {
        if (!this.retDesc) {
          this.$message.info('请输入归还说明')
          return;
        }
        if (this.imgpath.length == 0) {
          this.$message.info('请上传设备外观照片')
          return;
        }
        if (!this.facCoreImage) {
          this.$message.info('请上传设备编码照片')
          return;
        }
        if (!this.info.consignee) {
          this.$message.info('请输入联系人')
          return;
        }
        if (!this.info.phone) {
          this.$message.info('请输入联系电话')
          return;
        }
        if (!validate(this.info.phone, 'phone')) {
          this.$message.info('请输入正确系电话');
          return false;
        }
        this.$api.dbPost(global.apiUrls.leaEarlyReturn, {
          id: this.order_sn,
          retDesc: this.retDesc,
          retImages: this.imgpath.join(','),
          facCoreImage: this.facCoreImage,
          consignee: this.info.consignee,
          phone: this.info.phone
        }).then(res => {
          if (res.data.code == 0) {
            this.$message.info('提交成功')
            setTimeout(result => {
              uni.navigateBack()
            }, 500)
          } else {
            this.$message.info(res.data.msg)
          }
        })
      },
      getDetail() {
        this.$api.get(global.apiUrls.getleaEarlyData, {
          id: this.order_sn
        }).then(res => {
          if (res.data.code == 0) {
            this.info = res.data.data
          }
        })
      },
      //上传单图、多图方法
      soloChooseImage(id, path, obj, obj1, fnName = false) {
        let self = this
        if (!obj) obj = this
        if (!obj1) obj1 = this
        if (self.uploading) {
          return
        }
        // 从相册中选择图片
        uni.chooseImage({
          count: 1, // 默认3
          sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
          success: function(res) {
            self.uploading = true
            // 开始上传
            new UploadImage(res.tempFiles, {
              complete: function(res) {
                self.uploading = false
                self.facCoreImage = res[0]
              },
            })
          },
        })
      },
    }
  };
</script>
<style lang="scss" scoped>
  .faultdispatch_fd1_0_c3 {
    background: #F8F9FD;
    width: 650rpx;
    border-radius: 10rpx 10rpx 10rpx 10rpx;
    padding: 10rpx 10rpx 0rpx 16rpx;
    margin: 24rpx 0rpx 24rpx 0rpx;
  }

  .faultdispatch_input_fd1_0_c3 {
    width: 654rpx;
    height: 100rpx;
    font-size: 28rpx;
    font-weight: 400;
    color: #333;
    white-space: pre-wrap;
  }

  .faultdispatch_numberfd1_0_c3_c0_c0 {
    color: var(--benbenFontColor0);
  }

  .faultdispatch_numberfd1_0_c3_c0 {
    width: 100%;
    font-size: 24rpx;
    color: #FFFFFF;
    line-height: 46rpx;
    font-weight: 400;
  }

  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: #F8F8F8;
    background-size: 100% auto;
  }

  .wantreturn_flex_0 {
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .wantreturn_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    line-height: 50rpx;
  }

  .wantreturn_fd0_0_c0_c0 {
    font-size: 36rpx;
    color: #333;
  }

  .wantreturn_fd0_0_c0 {
    width: 120rpx;
  }

  .wantreturn_fd0_0 {
    padding: 0rpx 32rpx 0rpx 32rpx;
  }

  .wantreturn_flex_1 {
    padding: 24rpx 24rpx 0rpx 24rpx;
  }

  .wantreturn_fd1_0_c0_c1_c1 {
    line-height: 33rpx;
    font-size: 24rpx;
    font-weight: 400;
    color: #999999;
    margin: 8rpx 0rpx auto 0rpx;
  }

  .wantreturn_fd1_0_c0_c1_c0 {
    line-height: 45rpx;
    font-size: 28rpx;
    font-weight: 600;
    color: #333333;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
  }

  .wantreturn_fd1_0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 24rpx;
  }

  .wantreturn_fd1_0_c0_c0 {
    width: 200rpx;
    height: 200rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .wantreturn_fd1_0_c0 {
    // border-bottom: 1px solid #eee;
    padding: 0rpx 0rpx 24rpx 0rpx;
  }

  .wantreturn_fd1_0 {
    background: #fff;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    background-size: 100% auto !important;
    padding: 24rpx 24rpx 0rpx 24rpx;
  }

  .wantreturn_fd2_0_c2_c1 {
    background: var(--benbenbgColor1);
    font-size: 32rpx;
    color: var(--benbenFontColor5);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 500;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
  }

  .wantreturn_fd2_0_c2_c0 {
    border-right: 1px solid #eee;
    background: #fff;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 400;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
  }

  .wantreturn_fd2_0_c2 {
    border-top: 1px solid #eee;
    margin: 51rpx 0rpx 0rpx 0rpx;
  }

  .wantreturn_fd2_0_c1 {
    line-height: 44rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 32rpx 40rpx 0rpx 40rpx;
  }

  .wantreturn_fd2_0_c0 {
    line-height: 44rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .wantreturn_fd2_0 {
    background: #fff;
    width: 540rpx;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .wantreturn_flex_3 {
    background: #FFFFFF;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
    padding: 41rpx 24rpx 40rpx 24rpx;
  }

  .wantreturn_fd3_3 {
    background: var(--benbenbgColor5);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: rgba(102, 102, 102, 1);
    width: 686rpx;
    height: 80rpx;
    line-height: 80rpx;
    margin: 0rpx 8rpx 0rpx 8rpx;
  }

  .wantreturn_fd3_2 {
    background: var(--benbenbgColor7);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor3);
    width: 686rpx;
    height: 80rpx;
    line-height: 80rpx;
    margin: 56rpx 8rpx 24rpx 8rpx;
  }

  .wantreturn_fd3_1_c1_c0 {
    width: 400rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .wantreturn_fd3_1_c1 {
    width: 100%;
    padding: 50rpx 0rpx 50rpx 0rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c1_c1_c1 {
    color: #666666;
    font-size: 28rpx;
    font-weight: 400;
    line-height: 40rpx;
    margin: 0rpx 0rpx 0rpx 12rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c1_c1_c0 {
    width: 30rpx;
    height: 30rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c1_c0_c1 {
    margin: 8rpx 0rpx 0rpx 0rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c1_c0_c0_c1 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
    margin: 0rpx 0rpx 0rpx 10rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c1_c0_c0_c0 {
    color: #999999;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c1 {
    margin: 16rpx 0rpx 0rpx 0rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c0_c2_c0_1 {
    color: #B82441;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c0_c2 {
    background: var(--benbenbgColor8);
    margin: 0rpx 0rpx 0rpx auto;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    padding: 0rpx 8rpx 0rpx 8rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c0_c1_c0 {
    color: var(--benbenFontColor5);
    font-size: 24rpx;
    font-weight: 400;
    line-height: 33rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c0_c1 {
    background: var(--benbenbgColor8);
    margin: 0rpx 0rpx 0rpx 16rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
    padding: 0rpx 8rpx 0rpx 8rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1_c0_c0 {
    color: #333333;
    font-size: 28rpx;
    font-weight: 500;
    line-height: 40rpx;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-width: 400rpx;
  }

  .wantreturn_fd3_1_c0_c0_c1 {
    margin: 0rpx 0rpx 0rpx 32rpx;
  }

  .wantreturn_fd3_1_c0_c0_c0 {
    width: 32rpx;
    height: 32rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .wantreturn_fd3_1_c0_c0 {
    background: #F8F8F8;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding: 32rpx 32rpx 32rpx 32rpx;
    margin: 32rpx 0rpx 0rpx 0rpx;
  }

  ::v-deep .wantreturn_fd3_1_c0 {
    width: 702rpx;
  }

  .wantreturn_fd3_1 {
    touch-action: none;
    height: 40vh;
    width: 702rpx;
  }

  .wantreturn_fd3_0_c3 {
    width: 40rpx;
    height: 40rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
    position: absolute;
    top: -16rpx;
    right: 0rpx;
  }

  .wantreturn_fd3_0_c1 {
    color: #333333;
    font-size: 36rpx;
    font-weight: 500;
    line-height: 50rpx;
    margin: 0rpx 24rpx 0rpx 24rpx;
  }

  .wantreturn_fd3_0_c0 {
    width: 32rpx;
    height: 10rpx;
    border-radius: 0rpx 0rpx 0rpx 0rpx;
  }

  .wantreturn_fd3_0 {
    position: relative;
  }

  .wantreturn_fd4_0_c2_c1 {
    background: var(--benbenbgColor1);
    font-size: 32rpx;
    color: var(--benbenFontColor5);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 500;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
  }

  .wantreturn_fd4_0_c2_c0 {
    border-right: 1px solid #eee;
    background: #fff;
    font-size: 32rpx;
    color: rgba(153, 153, 153, 1);
    width: 270rpx;
    height: 101rpx;
    line-height: 101rpx;
    font-weight: 400;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
  }

  .wantreturn_fd4_0_c2 {
    border-top: 1px solid #eee;
    margin: 51rpx 0rpx 0rpx 0rpx;
  }

  .wantreturn_fd4_0_c1 {
    line-height: 44rpx;
    font-size: 28rpx;
    font-weight: 500;
    color: #333333;
    text-align: center;
    margin: 32rpx 40rpx 0rpx 40rpx;
  }

  .wantreturn_fd4_0_c0 {
    line-height: 44rpx;
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
    margin: 40rpx 0rpx 0rpx 0rpx;
  }

  .wantreturn_fd4_0 {
    background: #fff;
    width: 540rpx;
    background-size: 100% auto !important;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .wantreturn_flex_5 {
    background: #fff;
    background-size: 100% auto !important;
    border-radius: 24rpx 24rpx 0rpx 0rpx;
  }

  .wantreturn_fd5_0_c2_c0_c0_c1 {
    width: 32rpx;
    height: 32rpx;
  }

  .wantreturn_fd5_0_c2_c0_c0 {
    padding: 20rpx 0rpx 20rpx 0rpx;
  }

  .wantreturn_fd5_0_c2 {
    touch-action: none;
    width: 686rpx;
    height: 40vh;
    margin: 0rpx auto 40rpx auto;
  }

  .wantreturn_fd5_0_c1_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: #666666;
    padding: 25rpx 24rpx 25rpx 24rpx;
  }

  .wantreturn_fd5_0_c1 {
    background: #F8F8F8;
  }

  .wantreturn_fd5_0_c0_c2 {
    font-size: 28rpx;
    font-weight: 700;
    color: var(--benbenFontColor4);
    line-height: 40rpx;
  }

  .wantreturn_fd5_0_c0_c1 {
    font-size: 36rpx;
    font-weight: 700;
    color: #333333;
  }

  .wantreturn_fd5_0_c0_c0 {
    font-size: 28rpx;
    font-weight: 400;
    color: #999999;
    line-height: 40rpx;
  }

  .wantreturn_fd5_0_c0 {
    padding: 32rpx 32rpx 32rpx 32rpx;
  }

  .wantreturn_fd5_0 {
    border-radius: 24rpx 24rpx 0rpx 0rpx;
  }

  .wantreturn_flex_6 {
    background: #fff;
    background-size: 100% auto !important;
    padding: 0rpx 30rpx 1rpx 30rpx;
    width: 701rpx;
    margin: 24rpx auto 0rpx auto;
    border-radius: 16rpx;
  }

  .wantreturn_fd6_31 {
    width: 160rpx;
    height: 160rpx;
    margin: 0rpx 24rpx 24rpx 0rpx;
  }

  .wantreturn_fd6_301 {
    width: 160rpx;
    height: 160rpx;
  }

  .wantreturn_fd6_301-box {
    width: 160rpx;
    height: 160rpx;
  }

  .wantreturn_fd6_300 {
    top: 0rpx;
    right: 0rpx;
    z-index: 10;
    color: #ff5536;
  }

  .wantreturn_fd6_30 {
    margin: 0rpx 24rpx 24rpx 0rpx;
  }

  .wantreturn_fd6_3 {
    width: 640rpx;
    padding: 24rpx 0rpx 0rpx 24rpx;
  }

  .wantreturn_fd6_2_c1 {
    margin: 0rpx 0rpx 0rpx 12rpx;
  }

  .wantreturn_fd6_1_c1 {
    text-align: right;
  }

  .wantreturn_fd6_1_c0 {
    color: #212121;
    font-size: 28rpx;
    font-weight: 500;
  }

  .wantreturn_fd6_1 {
    border-bottom: 1px solid rgba(242, 242, 242, 1);
    padding: 30rpx 0rpx 30rpx 0rpx;
  }

  .wantreturn_fd6_0_c0 {
    color: #212121;
    font-size: 30rpx;
    font-weight: 700;
  }

  .wantreturn_fd6_0 {
    padding: 30rpx 0rpx 30rpx 0rpx;
  }

  .wantreturn_flex_7 {
    background: #fff;
    margin: 16rpx auto 0rpx auto;
    background-size: 100% auto !important;
    padding: 0rpx 30rpx 1rpx 30rpx;
    width: 710rpx;
    border-radius: 16rpx;
  }

  .wantreturn_fd7_1_c1 {
    text-align: right;
  }

  .wantreturn_fd7_1_c0 {
    color: #212121;
    font-size: 28rpx;
    font-weight: 500;
  }

  .wantreturn_fd7_1 {
    border-bottom: 1px solid rgba(242, 242, 242, 1);
    padding: 30rpx 0rpx 30rpx 0rpx;
  }

  .wantreturn_fd7_0_c0 {
    color: #212121;
    font-size: 30rpx;
    font-weight: 700;
  }

  .wantreturn_fd7_0 {
    padding: 30rpx 0rpx 30rpx 0rpx;
  }

  .wantreturn_flex_8 {
    padding: 40rpx 0rpx 40rpx 0rpx;
  }

  .wantreturn_fd8_0 {
    background: #4781f5;
    border-radius: 44rpx;
    width: 638rpx;
    line-height: 88rpx;
    font-size: 32rpx;
    color: #fff;
  }
</style>
